<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font_2403422_8vr3uduubn7/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/mainbody.css"> 
    <link rel="stylesheet" href="./css/fotter.css">
</head>
<body>
    <div class="shortcut">
     
         <a href="#" class="la">品优购欢迎你！请登录</a>
         <a href="#" style="color: red;">免费注册</a>
         <ul>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的品优购<span class="iconfont icon-xiajiantou"></span></a></li>
            <li><a href="#">品优购会员</a></li>
            <li><a href="#">企业采购</a></li>
            <li><a href="#">关注优品购<span class="iconfont icon-xiajiantou"></span></a></li>
            <li><a href="#">客户服务<span class="iconfont icon-xiajiantou"></span></a></li>
            <li><a href="#" style="border-right: 0px;">网站导航<span class="iconfont icon-xiajiantou"></span></a></li>
         </ul>
    </div>
    <div class="nav">
     <div class="topnav">
       <div class="logo"><a href="#"></a><img src="./img/logo.PNG" alt=""></a></div>
       <div class="search">
          <input type="text" class="text" value="  请搜索内容...">
          <input type="button" value="搜索" class="btn">
       </div>
       <div class="a">
           <a href="#" style="color: red;">优惠购首发</a>
           <a href="#">亿元优惠</a>
           <a href="#">9.9团购</a>
           <a href="#">美满99减90</a>
           <a href="#">办公用品</a>
           <a href="#">电脑</a>
           <a href="#">通信</a>
       </div>
       <div class="cart">  
         我的购物车
         <div class="number">
            80
         </div>
       </div>
     </div>
     <div class="bottomnav">
     <div class="classify">
       全部商品分类
     </div>
     <ul  class="navitems">
         <li><a href="#">服装城</a></li>
         <li><a href="#">美妆馆</a></li>
         <li><a href="#">传智超市</a></li>
         <li><a href="#">全球购</a></li>
         <li><a href="#">闪购</a></li>
         <li><a href="#">团购</a></li>
         <li><a href="#">拍卖</a></li>
         <li><a href="#">有趣</a></li>
     </ul>
     </div>
    </div>
    <span class="hr"></span>

    <!-- main -->
        <div class="main">
        <ul class="ul">
            <li><a href="#">家用电器</a><i>></i></li>
            <li><a href="#">手机 、 数码 、 通信</a><i>></i></li>
            <li><a href="#">电脑、办公</a><i>></i></li>
            <li><a href="#">家居、家具、家装、厨具</a><i>></i></li>
            <li><a href="#">男装、女装、童装、内衣</a><i>></i></li>
            <li><a href="#">个户化妆、清洁用品、宠物</a><i>></i></li>
            <li><a href="#">鞋靴、箱包、珠宝、奢侈品</a><i>></i></li>
            <li><a href="#">运动户外、钟表</a><i>></i></li>
            <li><a href="#">汽车、汽车用品</a><i>></i></li>
            <li><a href="#">母婴、玩具乐器</a><i>></i></li>
            <li><a href="#">食品、酒类、生鲜、特产</a><i>></i></li>
            <li><a href="#">医药保健</a><i>></i></li>
            <li><a href="#">图书、音像、电子书</a><i>></i></li>
            <li><a href="#">彩票、旅行、充值、票务</a><i>></i></li>
            <li><a href="#">理财、众筹、白条、保险</a><i>></i></li>
        </ul>
        <img src="./img/focus.jpg" alt="" class="focus">
        <div class="newsflash">
            <div class="newshd">品优购快报<a href="#">更多 ></a></div>
            <div class="newsbd">
                <ul>
                    <li><a href="#"><h6>[特惠]</h6>备战开学季 全名半价购数码</a></li>
                    <li><a href="#"><h6>[公告]</h6>品优稳占家电网购六成份额</a></li>
                    <li><a href="#"><h6>[特惠]</h6>百元中秋全屏类礼券限量领</a></li>
                    <li><a href="#"><h6>[公告]</h6>上品优生鲜 享阳澄湖大闸蟹</a></li>
                    <li><a href="#"><h6>[特惠]</h6>每日享折扣</a></li>
                </ul>


            </div>
            <div class="lifeservice">
                <ul>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                    <li><a href="#"><img src="./img/电话.PNG" alt=""><p>话费</p></a></li>
                </ul>


            </div>
        </div>
        <img src="http://www.boyuanwl.com/upload/bargain.jpg" alt="" id="mx">
        </div>
    <!-- 今日推荐 -->
    <div class="recommend">
        <div class="recl">
            <img src="http://www.boyuanwl.com/img/clock.png" alt="">
            <h3>今日推荐</h3>
        </div>
        <div class="recr">
            <ul>
                <li style="border-left:0px"><a href="#"><img src="http://www.boyuanwl.com/upload/pic.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://www.boyuanwl.com/upload/pic.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://www.boyuanwl.com/upload/pic.jpg" alt=""></a></li>
                <li><a href="#"><img src="http://www.boyuanwl.com/upload/pic.jpg" alt=""></a></li>
            </ul>   


        </div>
    </div>
    <!-- fixed -->
    <ul class="fixed">
       <li><a href="#">家用电器</a></li>
       <li><a href="#">收集通讯</a></li>
       <li><a href="#">电脑办公</a></li>
       <li><a href="#">家居家具</a></li>
       <li><a href="#">生活用品</a></li>
       <li><a href="#">运动户外</a></li>
       <li><a href="#">汽车用品</a></li>
       <li><a href="#">食品酒类</a></li>
       <li><a href="#">医药保险</a></li>
       <li><a href="#">图书影像</a></li>
       <li><a href="#">金融彩票</a></li>
    </ul>
    <!-- 主体1-猜你喜欢 -->
    <div class="mainbody1">
      <div class="mainbody1top">
          <span class="like">猜你喜欢</span>
          <span class="change"><a href="#">换一批</a></span>
      </div>
      <div class="mainbody1bot">
          <div>
              <img src="./img/bao.PNG" alt="">
              <div>
                  <span class="span1">
                    阳光美包新款单肩包女
                    包时尚母子包四件套女  
                  </span>
                  <span class="span2">￥116.00</span>
              </div>
          </div>
          <div>
            <img src="./img/bao.PNG" alt="">
            <div>
                <span class="span1">
                  阳光美包新款单肩包女
                  包时尚母子包四件套女  
                </span>
                <span class="span2">￥116.00</span>
            </div>
        </div>
        <div>
            <img src="./img/bao.PNG" alt="">
            <div>
                <span class="span1">
                  阳光美包新款单肩包女
                  包时尚母子包四件套女  
                </span>
                <span class="span2">￥116.00</span>
            </div>
        </div>
        <div>
            <img src="./img/bao.PNG" alt="">
            <div>
                <span class="span1">
                  阳光美包新款单肩包女
                  包时尚母子包四件套女  
                </span>
                <span class="span2">￥116.00</span>
            </div>
        </div>
        <div>
            <img src="./img/bao.PNG" alt="">
            <div>
                <span class="span1">
                  阳光美包新款单肩包女
                  包时尚母子包四件套女  
                </span>
                <span class="span2">￥116.00</span>
            </div>
        </div>
        <div>
            <img src="./img/bao.PNG" alt="">
            <div style="border-right: 0px;">
                <span class="span1">
                  阳光美包新款单肩包女
                  包时尚母子包四件套女  
                </span>
                <span class="span2">￥116.00</span>
            </div>
        </div>
          
      </div>
    </div>
    <!-- 主体2-传智播客 -->
    <div class="mainbody2">
        <div class="mainbody2top">
            <span>传智播客.有趣区</span>
        </div>
        <div class="mainbody2bot">
           <div class="img1">
               <img src="./img/1.PNG" alt="">
           </div>
           <div class="box2">
               <div class="img2">
                <h4>好东西</h4>
                <img src="./img/2.PNG" alt="">
               </div>
               <div class="img3">
                <img src="./img/3.PNG" alt="">
               </div>

           </div>
           <div class="box3">
               <div class="img4">
                   <h4>好东西</h4>
                   <img src="./img/4.PNG" alt="">
               </div>
               <div>
                   <div class="img5" style="float: left;"><img src="./img/5.PNG" alt=""></div>
                   <div class="img6" style="float: left;"><img src="./img/6.PNG" alt=""></div>
               </div>

           </div>
           <div class="box4">
               <ul>
                   <li><img src="./img/7.PNG" alt=""></li>
                   <li><img src="./img/7.PNG" alt="" style="border-right: 0px;"></li>
                   <li><img src="./img/7.PNG" alt=""></li>
                   <li><img src="./img/7.PNG" alt="" style="border-right: 0px;"></li>
                   <li><img src="./img/7.PNG" alt=""></li>
                   <li><img src="./img/7.PNG" alt="" style="border-right: 0px;"></li>
                   <li><img src="./img/7.PNG" alt=""></li>
                   <li><img src="./img/7.PNG" alt="" style="border-right: 0px;"></li>
                   <li><img src="./img/7.PNG" alt=""></li>
                   <li><img src="./img/7.PNG" alt="" style="border-right: 0px;"></li>
                   <li><img src="./img/7.PNG" alt=""></li>
                   <li><img src="./img/7.PNG" alt="" style="border-right: 0px;"></li>
                   <li><img src="./img/7.PNG" alt="" style="border-bottom: 0px;"></li>
                   <li><img src="./img/7.PNG" alt="" style="border-right: 0px; border-bottom: 0px;"></li>
               </ul>
           </div>
        </div>
    </div>
    <!-- 主体3-手机通讯 -->
    <div class="mainbody3">
        <div class="mainbody3top">
           <h3>手机通讯</h3>
           <ul>
               <li><a href="#" style="color: #C81623;">热门</a</li>
               <li><a href="#">大家电</a></li>
               <li><a href="#">生活电器</a></li>
               <li><a href="#">厨房电器</a></li>
               <li><a href="#">个护健康</a></li>
               <li><a href="#">应季电器</a></li>
               <li><a href="#">空气/净水</a></li>
               <li><a href="#">新奇特</a></li>
               <li style="border-right: 0px;"><a href="#">高端电器</a></li>
           </ul>   
        </div>
        <div class="mainbody3bot">
          <ul> 
              <li class="li1">
                 <ul>
                    <li><a href="#">节能补贴</a></li>
                    <li><a href="#">4k电视</a></li>
                    <li><a href="#">空气净化器</a></li>
                    <li><a href="#">IH电饭煲</a></li>
                    <li><a href="#">滚筒洗衣机</a></li>
                    <li><a href="#">电热水器</a></li>
                 </ul>
                  <div class="tv">
                     <img src="http://www.boyuanwl.com/upload/floor-1-1.png" alt="">
                  </div>
              </li>
              <li class="li2">
                <img src="http://www.boyuanwl.com/upload/pic1.jpg" alt="">
              </li>
              <li class="li3">
                  <div class="ld1">
                      <img src="http://www.boyuanwl.com/upload/floor-1-2.png" alt="">
                  </div>
                  <div class="ld2">
                      <img src="http://www.boyuanwl.com/upload/floor-1-3.png" alt="">
                  </div>

              </li>
              <li class="li4">
                  <div>
                      <img src="http://www.boyuanwl.com/upload/floor-1-4.png" alt="">
                  </div>
              </li>
              <li class="li5">
                <div class="ldd1">
                    <img src="http://www.boyuanwl.com/upload/floor-1-5.png" alt="">
                </div>
                <div class="ldd2">
                    <img src="http://www.boyuanwl.com/upload/floor-1-6.png" alt="">
                </div>

              </li>
          </ul>
        </div>


    </div>
    <!-- 主体3-手机副 -->
    <ul class="phone">
        <li style="border-left: 0px;"><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
    </ul>
    <!-- 主体4 -->
    <div class="mainbody3">
            <div class="mainbody3top">
               <h3>手机通讯</h3>
               <ul>
                   <li><a href="#" style="color: #C81623;">热门</a</li>
                   <li><a href="#">大家电</a></li>
                   <li><a href="#">生活电器</a></li>
                   <li><a href="#">厨房电器</a></li>
                   <li><a href="#">个护健康</a></li>
                   <li><a href="#">应季电器</a></li>
                   <li><a href="#">空气/净水</a></li>
                   <li><a href="#">新奇特</a></li>
                   <li style="border-right: 0px;"><a href="#">高端电器</a></li>
               </ul>   
            </div>
            <div class="mainbody3bot">
              <ul> 
                  <li class="li1">
                     <ul>
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">4k电视</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                        <li><a href="#">电热水器</a></li>
                     </ul>
                      <div class="tv">
                         <img src="http://www.boyuanwl.com/upload/floor-1-1.png" alt="">
                      </div>
                  </li>
                  <li class="li2">
                    <img src="http://www.boyuanwl.com/upload/pic1.jpg" alt="">
                  </li>
                  <li class="li3">
                      <div class="ld1">
                          <img src="http://www.boyuanwl.com/upload/floor-1-2.png" alt="">
                      </div>
                      <div class="ld2">
                          <img src="http://www.boyuanwl.com/upload/floor-1-3.png" alt="">
                      </div>
    
                  </li>
                  <li class="li4">
                      <div>
                          <img src="http://www.boyuanwl.com/upload/floor-1-4.png" alt="">
                      </div>
                  </li>
                  <li class="li5">
                    <div class="ldd1">
                        <img src="http://www.boyuanwl.com/upload/floor-1-5.png" alt="">
                    </div>
                    <div class="ldd2">
                        <img src="http://www.boyuanwl.com/upload/floor-1-6.png" alt="">
                    </div>
    
                  </li>
              </ul>
            </div>
    
    
    </div>
    <!-- 主体4-->
    <ul class="phone">
            <li style="border-left: 0px;"><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
            <li><img src="./img/TCL.PNG" alt=""></li>
    </ul>
     <!-- 主体5 -->
    <div class="mainbody3">
        <div class="mainbody3top">
           <h3>手机通讯</h3>
           <ul>
               <li><a href="#" style="color: #C81623;">热门</a</li>
               <li><a href="#">大家电</a></li>
               <li><a href="#">生活电器</a></li>
               <li><a href="#">厨房电器</a></li>
               <li><a href="#">个护健康</a></li>
               <li><a href="#">应季电器</a></li>
               <li><a href="#">空气/净水</a></li>
               <li><a href="#">新奇特</a></li>
               <li style="border-right: 0px;"><a href="#">高端电器</a></li>
           </ul>   
        </div>
        <div class="mainbody3bot">
          <ul> 
              <li class="li1">
                 <ul>
                    <li><a href="#">节能补贴</a></li>
                    <li><a href="#">4k电视</a></li>
                    <li><a href="#">空气净化器</a></li>
                    <li><a href="#">IH电饭煲</a></li>
                    <li><a href="#">滚筒洗衣机</a></li>
                    <li><a href="#">电热水器</a></li>
                 </ul>
                  <div class="tv">
                     <img src="http://www.boyuanwl.com/upload/floor-1-1.png" alt="">
                  </div>
              </li>
              <li class="li2">
                <img src="http://www.boyuanwl.com/upload/pic1.jpg" alt="">
              </li>
              <li class="li3">
                  <div class="ld1">
                      <img src="http://www.boyuanwl.com/upload/floor-1-2.png" alt="">
                  </div>
                  <div class="ld2">
                      <img src="http://www.boyuanwl.com/upload/floor-1-3.png" alt="">
                  </div>

              </li>
              <li class="li4">
                  <div>
                      <img src="http://www.boyuanwl.com/upload/floor-1-4.png" alt="">
                  </div>
              </li>
              <li class="li5">
                <div class="ldd1">
                    <img src="http://www.boyuanwl.com/upload/floor-1-5.png" alt="">
                </div>
                <div class="ldd2">
                    <img src="http://www.boyuanwl.com/upload/floor-1-6.png" alt="">
                </div>

              </li>
          </ul>
        </div>


    </div>
    <!-- 主体5-->
    <ul class="phone">
        <li style="border-left: 0px;"><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
        <li><img src="./img/TCL.PNG" alt=""></li>
    </ul>
    <!-- 主体6热门疯抢 -->
    <div class="mainbody6">
         <div class="mainbody6top">
             <h3>热门疯抢</h3>
         </div>
         <div class="mainbody6bot">
             <ul>
                 <li class="li1">
                   <div>
                       <img src="./img/8.PNG" alt="">
                   </div>
                 </li>
                 <li class="li2">
                     <div>
                        <img src="./img/9.PNG" alt="">
                     </div>
                     <div>
                        <img src="./img/9.PNG" alt="">
                     </div>
                 </li>
                 <li class="li3">
                    <div>
                        <img src="./img/9.PNG" alt="">
                     </div>
                     <div>
                        <img src="./img/9.PNG" alt="">
                     </div>
                 </li>
                 <li class="li4">
                    <div>
                    <img src="./img/9.PNG" alt="">
                 </div>
                 <div>
                    <img src="./img/9.PNG" alt="">
                 </div>
                 </li>
                 <li class="li5">
                     <div>
                         <img src="./img/10.PNG" alt="">
                     </div>
                 </li>
             </ul>
         </div>
    </div>
    <!-- footer-->
    <div class="fotter">
    <div class="w">
      <div class="one">
        <ul>
            <li>
             <div>
                <img src="./img/z.PNG" alt="">
             </div>
             <div>
                <h4>正品保障</h4>
                <p>正品保障，提供发票</p>
            </div>
            </li>
            <li>
                <div>
                   <img src="./img/z.PNG" alt="">
                </div>
                <div>
                   <h4>正品保障</h4>
                   <p>正品保障，提供发票</p>
               </div>
               </li>
               <li>
                <div>
                   <img src="./img/z.PNG" alt="">
                </div>
                <div>
                   <h4>正品保障</h4>
                   <p>正品保障，提供发票</p>
               </div>
               </li>
               <li>
                <div>
                   <img src="./img/z.PNG" alt="">
                </div>
                <div>
                   <h4>正品保障</h4>
                   <p>正品保障，提供发票</p>
               </div>
               </li>
               <li>
                <div>
                   <img src="./img/z.PNG" alt="">
                </div>
                <div>
                   <h4>正品保障</h4>
                   <p>正品保障，提供发票</p>
               </div>
               </li>

        </ul>
      </div>
        

    </div>
    <div class="body">
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/图购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/图购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/图购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/图购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/图购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <div class="erwei">
           <p class="p1">帮助中心</p>
            <img src="http://www.boyuanwl.com/upload/erweima.png" alt="">
           <p class="p2">品优购客户端</p>
        </div>


    </div>
    <div class="bottom">
        <p style="margin: 20px 0 15px ;">关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U</p>
        <p style="margin-bottom: 4px;">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
        <p>京ICP备08001421号京公网安备110108007702</p>
    </div>

    </div>




</body>
</html>